<script setup>
import { useAttrs } from "vue"

/* 
    在script中，可以通过userAttrs()来获取透传过来的属性
*/
const attrs = useAttrs()

console.log(attrs);
</script>
<script>
    export default{
        // 关闭自动透传
        inheritAttrs:false
    }
</script>


<template>
    <!-- 
        
            在模板中，可以通过$attrs来访问透传过来的属性，
                可以手动指定透传过来的属性要那些元素
         -->
    <!-- <h1>我是组件C</h1> -->
    <h2 :class="$attrs.class">我是h2</h2>
</template>
